/*样式初始化及公共样式部分lpm*/
body {
    color: #666;
    font-size: 13px;
    margin: 0 auto;
    background-color: #fff;
    font-family: "Microsoft YaHei";
}
a {
    color: #666;
    text-decoration: none;
}
/*定义全局链接颜色lpm*/
a:hover {
    color: #f91d1d;
    text-decoration: none;
    border-bottom-style:
}
/*定义全局链接鼠标滑过颜色lpm*/
div,
ul,
li,
span,
p,
img,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border: 0px;
}
/*主要标签的样式初始化lpm*/
.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}
/*清除左右浮动lpm*/
.fl {
    float: left;
}
/*定义左浮动lpm*/
.fr {
    float: right;
}

body{background-color:#fff; overflow-x:hidden; color:#000; font-size:14px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px;}

.content{margin-top:130px;}


/*抬头*/
#top{width:1200px;margin: 0 auto;min-width: 1200px; position: relative;z-index: 9999}
.top_t{position: absolute;top:40px;z-index: 9999;}
.logo{margin-left: 20px;margin-top: 5px;}
.logo img{width: 278px;}
.name{margin-top:14px;margin-left: 18px;}
.name p{font-size: 22px;font-weight: bold;color: #333;}
.name span{font-size: 14px;color: #666;}
/*导航*/
.nav{width: 100%; height: 38px;position: absolute;top:60px;}
.nav ul li{ float: left; display: block; width:100px; position: relative;}
.nav ul li a{ display: block; line-height: 38px; color: #333; font-size: 15px; text-align: center; position: relative; z-index: 3333}
.nav ul li:after,.nav ul li:after{content: ''; display: block; background:#4db1ed;width: 100%; height: 38px; position: absolute; top:0px; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;border-radius: 50px;z-index: 2222}
.nav ul li.navcurrent:after,.nav ul li:hover:after{ opacity: 1; filter: alpha(opacity=100); top: 0;}
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a {margin: 0 auto;color: #fff;}
.nav ul li>ul{width: 100%;position: absolute;top: 70px;left: 0;z-index: 9999; opacity: 0;-webkit-transition: opacity .25s ease .1s;transition: opacity .25s ease .1s;}
.nav ul li>ul:before{content: '';width: 0px;height: 0px;border-left:10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #05aaf4;display: block;left: 39px;position: absolute;z-index: 9999;top: -10px;}
.nav ul li>ul li a{color: #fff;background: #05aaf4;}
.nav ul li>ul li a:hover{background: #37bffc;}
.nav ul li:hover > ul { opacity: 1; }
/*幻灯片*/
.pogoSlider{height:0px !important; padding-bottom:800px !important;  }
.pogoSlidern{ padding-bottom: 400px !important;}
.pogoSlider-sliden{height:400px !important;}
.pogoSlider{padding-top:0px !important;}
.pogoSlider-slide{height: 800px !important;min-width: 1200px;}
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn{top: 50% !important;}
.pogoSlider{min-width: 1200px;}
.pogoSlider-nav{z-index: 9999 !important;}


/*底部*/
.footer{ overflow: hidden; width: 100%; background-color: #2a2f47; padding: 60px  0  35px;}
.footer .ftLt{ float: left;}
.footer .ftLt p{ font-size: 13px; color: #9da2b9; margin-top: 5px;}
.footer .ftLt p a{ font-size: 13px; color: #9da2b9; margin-top: 5px;}
.footer .ftLt p.p{ font-size: 15px; color: #fff; margin-top: 40px;}
.footer .ftMd{ float: left;}
.footer .ftDl{float: left;height: 260px;border-left:1px dashed #55596c;padding: 0 45px;}
.footer .ftDl dt{ font-size: 18px; text-align: center}
.footer .ftDl dt a{ color: #fff;}
.footer .ftDl dd{ margin-top: 25px;     color: #9da2b9;}
.footer .ftDl dd a{  display: block; text-align: center; font-size: 13px; color: #9da2b9; line-height: 32px;}
.footer .ewm{ float: right; width: 168px;}
.footer .fx{ width: 100%; text-align: center; overflow: hidden; margin-top: 20px;}
.footer .fx a{ display: inline-block; padding: 0 5px;}
.footer  .fx a:first-child{ border-right: 1px dotted #656c8d}
.footer .ftDl:first-child{ border: none}



.paging-title{text-align: center;padding-top: 66px;}
.paging-title h2{font-size: 30px;color: #333333;}
.paging-title h2 a{font-size: 30px;color: #333333;}
.paging-title h2 i{font-size: 30px;color: #333333;font-style: normal;font-weight: normal;}
.paging-title h2 a i{font-size: 30px;color: #333333;font-style: normal;font-weight: normal;}
.paging-title p{font-size: 14px;color: #666;margin-top: 5px;}
.paging-title img{display: block;margin: 0 auto;margin-top: 17px;}




/* 常规产品推荐 */
.recommend{width: 100%;background:#fff;padding-bottom: 40px;}
.recommend .paging-title{padding-top: 61px;}
.recommend .paging-title p{color: #333;}
.recommend .paging-title h2 a{color: #4db1ed;}
.recommend .paging-title h2 a i{color: #333;}
.recommend .recommend-ul{position: relative;width: 1200px;overflow: hidden;margin-top: 50px;}
.recommend .recommend-ul ul{position: relative;}
.recommend .recommend-ul ul li{width: 370px;height: 340px;float: left;margin-left: 30px;background: #fff;}
.recommend .recommend-ul ul li:first-child{margin-left: none;}
.recommend .recommend-ul ul li >a{display: block;width: 370px;height: 280px;overflow: hidden;}
.recommend .recommend-ul ul li >a img{display: block;width: 370px;height: 280px;transition: all 1s ease-out;}
.recommend .recommend-ul ul li >a img:hover{transform: scale(1.1);}

.recommend .recommend-ul ul li p{width: 320px;margin: 0 auto;height: 22px;text-align: left;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;text-align: center;}
.recommend .recommend-ul ul li p a{font-size: 18px;color: #333;display: block;}

.recommend .container{position: relative;}
.recommend .container span{position: absolute;display: block;width: 25px;height: 45px;top: 325px;cursor: pointer;}
.recommend .container span#recommend-anniu01{left: -105px;background: url(../images/zuoyou-qh.png) no-repeat top left}
.recommend .container span#recommend-anniu01:hover{background: url(../images/zuoyou-qh.png) no-repeat bottom left}
.recommend .container span#recommend-anniu02{right: -105px;background: url(../images/zuoyou-qh.png) no-repeat top right}
.recommend .container span#recommend-anniu02:hover{background: url(../images/zuoyou-qh.png) no-repeat bottom right}


/*about*/

/*全站统一大标题样式*/
h3.htitle{ text-align:center; font-size:28px; margin-top:55px; margin-bottom:3px; color:#333;}
h3.htitle a{ color:#333;}
h3.htitle a:hover{color:#dc1313;}
span.htitle{ display:block; text-align:center; font-size:12px; color:#777; font-family:Arial; padding-bottom:20px; background:url(../images/title_bg.png) no-repeat center bottom; margin-bottom:40px;  text-transform: uppercase;}



.about { overflow:hidden; width:100%; height:590px; background:url(../images/bbbbg.jpg) no-repeat center top;;}
.about h3.htitle a:hover{ color:#dc1313}
.about dl{ overflow:hidden; width:1200px; margin:0 auto; height:360px; background-color:#fff;}
.about dt{ overflow:hidden; width:610px; height:360px; float:left}
.about dd{ overflow:hidden; float:right; width:510px; height:360px; padding:0 35px; background-color:#fff;}
.about dd h4{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:30px; margin-bottom:10px;}
.about dd h4 a{ color:#333}
.about dd p{ font-size:14px; text-align:justify; margin-bottom:25px; color:#666; line-height:24px; height:96px; overflow:hidden}
.about dd p a{ color:#e01313;}
.about dd ul{ overflow:hidden; width:100%; padding-top:25px; border-top:2px solid #e8e8e8;}
.about dd li{ float:left; width:102px; margin-right:34px;}
.about dd li.last{ margin-right:0;}
.about dd li i{ display:block; width:102px; height:102px; position:relative; margin:0 auto; overflow:hidden; margin-bottom:10px;}
.about dd li i img{ display:block; position:absolute; left:0; top:0;}
.about dd li span{ display:block; text-align:center; font-size:14px; color:#666;}
.about dd li a{ display:block; text-decoration:none}
.about dd li:hover span{ color:#e01313}
.about dd li:hover i img{top:-102px}

.news .newsmore .more{ display:block; width:116px; height:31px; line-height:31px; text-align:center; font-size:12px; color:#999; font-family:Arial; border:2px solid #e9e9e9; text-decoration:none; margin: 0 auto; margin-top: 40px;}
.news .newsmore .more:hover{ color:#fff; border-color:#dc1313; background-color:#dc1313}


/*news*/

/*title*/
.title { overflow:hidden; width:100%;}
.title h2{ font-weight:normal; font-size:28px; color:#333; text-align:center;}
.title h2 a{ color:#333;}
.title em{ display:block; font-size:12px; color:#999; font-family:Arial; text-transform:uppercase;  text-align:center}
.title p{ font-size:18px; color:#555; text-align:center;margin-top:8px;}
.title i{ display:block; width:30px; height:1px; background-color:#0d4da1; margin:0 auto;margin-top:12px;}
.title.wt a{ color:#fff}
.title.wt h2{ color:#fff}
.title.wt em{ color:#fff}
.title.wt i{ background-color:#fff;}
.title.wt p{ color:#fff;}


.index_news { overflow:hidden; width:1200px; margin:70px auto;}
.index_news .menu{ overflow:hidden; width:100%; text-align:center; margin-top:30px; position:relative; z-index:1}
.index_news .menu li{ display:inline-block; width:140px; height:40px; text-align:center; line-height:40px; font-size:14px; background:url(../images/news01.png) no-repeat center top; margin:0 10px;}
.index_news .menu li{ *display:inline}
.index_news .menu li a{ display:block; text-decoration:none; color:#333;}
.index_news .menu li.cur{ background-position:bottom}
.index_news .menu li.cur a{ color:#fff;}
.index_news b{ display:block; margin:0 auto; width:100%; height:1px; background-color:#e3e3e3; margin-top:-20px; margin-bottom:80px;}
.index_news .newsbox{ overflow:hidden; width:100%; height:370px; position:relative}
.index_news .newslist{ overflow:hidden; width:100%; height:100%;}
.index_news .newslist .wentu{ overflow:hidden; float:left; width:590px; height:370px;}
.index_news .newslist .wentu img{ display:block; margin-bottom:15px;}
.index_news .newslist .wentu h3{ font-weight:normal; font-size:20px; padding-bottom:14px; border-bottom:1px solid #ebebeb; overflow:hidden; margin-bottom:12px;}
.index_news .newslist .wentu h3 a{ color:#333; display:block; width:460px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.index_news .newslist .wentu h3 span{ float:right; font-size:14px; color:#777;}
.index_news .newslist .wentu p{ font-size:14px; color:#888; line-height:22px;}
.index_news .listbox { overflow:hidden; width:560px; float:right; height:370px;}
.index_news .listbox .list{ overflow:hidden; width:100%; height:90px; margin-bottom:50px;}
.index_news .listbox img{ display:block; float:left;}
.index_news .listbox .wen{ overflow:hidden; float:right; width:440px; padding-left:20px; border-left:2px solid #e3e3e3}
.index_news .listbox h3{ overflow:hidden; font-size:16px; font-weight:normal; margin-bottom:10px;}
.index_news .listbox h3 a{ display:block; color:#555; width:333px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left}
.index_news .listbox h3 span{ float:right; font-size:14px; color:#888; font-family:Arial;}
.index_news .listbox p{ font-size:14px; color:#888; line-height:30px;}



/* 风格体验*/



.lgmt {

	height: 717px;

	overflow: hidden;


	background: #f9f9f9;

}

.lgmt_ul01 {

	height: 44px;

	overflow: hidden;

	margin: 45px 0;

	text-align: center;

}

.lgmt_ul01 li {

	height: 42px;

	line-height: 42px;

	padding: 0 22px;

	word-spacing: 0;

	font-size: 16px;

	border: 1px solid #e5e5e5;

	display: inline-block;

	margin-left: -5px;

}

.lgmt_ul01 li a {

	display: block;

}

.lgmt_ul01 li:hover, .lgmt_ul01 li.cur {

	background: #f36b07;

	border: 1px solid #f36b07;

	color: #fff;

}

.lgmt_ul01 li:hover{

	color: #fff;

}

.lgmt_con {

	height: 530px;

}

.lgmt_con ul {

	display: none;

}

.lgmt_con ul.cur {

	display: block;

}

.lgmt_con ul li {

	float: left;

	margin: 0 0 10px 10px;

	width: 295px;

	height: 235px;

	position: relative;

}

.lgmt_con ul li img {

	width: 295px;

	height: 235px;

}

.lgmt_con ul li:first-child {

	margin-left: 0;

	width: 590px;

	height: 480px;

}

.lgmt_con ul li p {

	position: absolute;

	left: 0;

	bottom: 0;

	height: 100%;

	width: 100%;

	font-size: 14px;

	color: #fff;

	display: none;

	background: #333333bf;

	background: #f36b07 \9;

	filter: alpha(opacity=80);

}

.lgmt_con ul li p i {

	display: block;

	width: 92%;

	text-align: center;

	border: 1px solid #fff;

	height: 50%;

	line-height: 100%;

	position: absolute;

	left: 4%;

	top: 4%;

	background: url(../images/jt_r02.png) no-repeat center 60%;

	padding-top: 33%;

}

.lgmt_con ul li.cur p, .lgmt_con ul li:hover p {

	display: block;

}

.lgmt_con ul .li1 img {

	width: 590px;

	height: 480px;

}

.lgmt_con ul .li2 img {

	width: 295px;

	height: 260px;

}

.lgmt_con ul .li3 img {

	width: 295px;

	height: 260px;

}

.lgmt_con ul .li4 img {

	width: 295px;

	height: 260px;

}

.lgmt_con ul .li5 img {

	width: 295px;

	height: 260px;

}